body[arco-color='red'] {
  --primary-1: 255, 236, 232;
  --primary-2: 253, 205, 197;
  --primary-3: 251, 172, 163;
  --primary-4: 249, 137, 129;
  --primary-5: 247, 101, 96;
  --primary-6: 245, 63, 63;
  --primary-7: 203, 39, 45;
  --primary-8: 161, 21, 30;
  --primary-9: 119, 8, 19;
  --primary-10: 77, 0, 10;
}

body[arco-color='red'][arco-theme='dark'] {
  --dark-primary-1: 77, 0, 10;
  --dark-primary-2: 119, 6, 17;
  --dark-primary-3: 161, 22, 31;
  --dark-primary-4: 203, 46, 52;
  --dark-primary-5: 245, 78, 78;
  --dark-primary-6: 247, 105, 101;
  --dark-primary-7: 249, 141, 134;
  --dark-primary-8: 251, 176, 167;
  --dark-primary-9: 253, 209, 202;
  --dark-primary-10: 255, 240, 236;
}